13996527831
详细

如何缩短网页加载时间 提升速度?

发表日期:2014-11-13 09:40:24   作者来源:米卓网络   浏览:    

  互联网网页数量严重泛滥的时代,当用户访问你的网站,几秒钟一直提示加载,可能会直接关闭网页,这样就会损失很多流量!其次,关键字的排名与网页的打开速度也有关系。很多人花了很大的经历和成本去提升网页加载速度,提升用户体验。其实这些小技巧足够缩短网页加载时间,你需要做到这些:

  1、减少页面HTTP请求数量

  可以采用css的1个有用的background-position属性来加载背景图,我们将需要频繁加载的多个图片合成为1个单独的图片,这样所有的背景图只需要加载一次,只需要一次http请求。

  2、使用CND网络加速

  将你的图片、视频扩散到CDN网络所能到达之处,让用户访问时能就近下载到这些文件,从而达到网络提速的目的。

  3、添加文件过期或缓存头

  同一用户频繁访问的图片、Js脚本文件等可以在Apache或Nginx设置其缓冲时间。用户在访问过该页面之后再次访问时,同一组图片或JS不会再重复下载,从而减少了HTTP请求。

  4、开启gzip压缩

  即将需要传输的内容压缩后传输到客户端再解压,这样在网络上传输的 数据量会大幅减小。在服务器上的Apache、Nginx可以直接开启这个设置,也可以从代码角度直接设置传输文件头。

  5、css放在文件头部

  这项设置对于用户端是慢速网络或网页内容比较庞大的情况比较有利。

  6、JS放在文件末尾

  将这些脚本放置在网页文件末尾,一定要放 置在前面的脚本要改用所谓的“后载入”方式加载,在主体网页加载完成后再加载,防止其影响到主体网页的加载速度。

  7、css、js改由外部调用

  如果css、js内容比较庞大,尽量不要写到同1个页面中去,改由外部载入比较妥当,因为浏览器本身会对css、js文件进行缓存。

  8、压缩JS、CSS代码

  js、css文件中存在大量的空格、换行、注释,这些利于阅读,如果能够压缩掉,将会很有利于网络传输。

  9、避免采用301、302转向

  采用301、302跳转会很大程度影响网页加载速度。

  10、编程精简代码

  编程的时候精简代码,避免重复定义,重复调用。1000行的网页跟100行的网页速度谁更快可想而知。

  11、缩减iframe的使用

  iframe通常用于不同域名内容的加载,这同时也可能因iframe内容加载速度影响到主网页加载速度。

  12、优化图片尺寸

  减小其尺寸,特别是缩略图,一定要按尺寸生成缩略图然后调用,不要在网页中用resize方法实现,普通图像、icon也要尽可能压缩后,采用web图像保存。